<!-- form表单里的按钮组件-->
<!-- 参数 应使用v-model 进行双向绑定
value:{
	type:'query',
	}
-->
<!-- 
查询query
重置reset
导出模板exportTemplate
发起缴纳initiatePayment
导出数据exportData
会费金额设置setAmount
导入数据importData
-->


<!-- 事件
  change 通知分页发生变化 使用者一般是在这个时候进行联网请求
-->
<template>
<div>
	<template v-if="type=='query'">
		<div class="button">

		</div>
	</template>
</div>
</template>

<script>
	export default {
		name: "form_button",
		props: ['value', 'pageSizeArr'],
		components: {},
		data() {
			return {};
		},
		created() {},
		methods: {
			changepageNum(val) {
				this.$emit('input', {
					total: this.value.total,
					pageSize: this.value.pageSize,
					pageNum: val
				})
				this.$emit('change')
			},
			changeSize(val) {
				this.$emit('input', {
					total: this.value.total,
					pageSize: val,
					pageNum: this.value.pageNum,
				})
				this.$emit('change')
			},
		}
	};
</script>

<style scoped>
	.button {
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		text-align: center;
		vertical-align: middle;
		line-height: 2px;
		min-width: 70px;
		height: 28px;
		background: linear-gradient(90deg, #3D80FF, #3DAFFF);
		border-radius: 5px;
		border: 0;
		padding: 0 10px;
	}
</style>
